// 1, 歌曲搜索接口
// 请求地址:https://autumnfish.cn/search
// 请求方法:get
// 请求参数:keywords(查询关键字)
// 相应内容:歌曲搜索结果

// 2,歌曲url获取路径
// 请求地址:https://autumnfish.cn/song/url
// 请求方法：get
// 请求参数:id(查询关键字)
// 相应内容:歌曲url地址

// 3,歌曲封面
// 请求地址:https://autumnfish.cn/song/detail
// 请求方法:get
// 请求参数:ids(歌曲id)
// 响应内容:歌曲详情，包含歌曲封面

// 4,热门评论
// 请求地址:https://autumnfish.cn/comment/hot?type=0
// 请求方法:get
// 请求参数:id(歌曲id,type的固定值为0)
// 响应内容:歌曲的热门评论

var app = new Vue({
  el: "#app",
  data: {
    // 搜索关键字
    qurey: "",
    // 存储歌曲列表
    musicList: [],
    // 播放歌曲
    musicPlayUrl: "",
    // 存储歌曲封面图片
    musicPicUrl: "",
    // 存放hot评论
    hotCommentsLis: [],
    isplaying: false,
    // mvurl
    mvUrl:'',
    isShow:false,
  },
  methods: {
    searchMusic() {
      axios
        .get("https://autumnfish.cn/search?keywords=" + this.qurey)
        .then((res) => {
          this.musicList = res.data.result.songs;
        });
    },
    playMusic(musicId) {
      // 播放歌曲
      axios.get("https://autumnfish.cn/song/url?id=" + musicId).then((res) => {
        this.musicPlayUrl = res.data.data[0].url;
      });
      // 歌曲封面
      axios
        .get("https://autumnfish.cn/song/detail?ids=" + musicId)
        .then((res) => {
          this.musicPicUrl = res.data.songs[0].al.picUrl;
        });

      // 热门评论
      axios
        .get("https://autumnfish.cn/comment/hot?type=0&id=" + musicId)
        .then((res) => {
          this.hotCommentsLis = res.data.hotComments;
        });
    },
    play() {
      this.isplaying = true;
    },
    pause() {
      this.isplaying = false;
    },
    // 点击播放mv
    playMv(mvid) {
      axios.get("https://autumnfish.cn/mv/url?id=" + mvid).then((res) => {
        this.mvUrl=res.data.data.url
        console.log(this.mvUrl);
      });
      this.isShow=true
    },
    // 点击空白隐藏mv
    hide(){
        this.isShow=false
    },
    // 点击搜索
    seachMusicLis(){
        this.searchMusic();
    }
  },
});
